<template>
    <div class="UserList-view">
        <el-table
                :data="contentlist"
                border
                style="width: 100%"
                @selection-change="changeFun">
            <el-table-column v-if="headlist.checkout==true"
                    type="selection"
                    width="50">
            </el-table-column>
            <el-table-column
                    v-for="item in headlist.list"
                    :key=" item.id"
                    :prop="item.prop"
                    :label="item.label"
                    :width="item.width"
                    :formatter="item.formatter?item.formatter:undefined">
            </el-table-column>

        </el-table>
    </div>
</template>

<script>
    import addForm from '../../common/Dialog/addForm';
    import addRole from '../../common/Dialog/addRole';
    import addResident from '../../common/Dialog/addResident';
    import seeAgents from '../../common/Dialog/seeAgents';
    import followUp from '../../common/Dialog/followUp';
    import addUser from '../../common/Dialog/addUser';
    import seeOrganization from '../../common/Dialog/seeOrganization';
    export default {
        name: "UserListOrganization",
        props: {
            headlist:{
                type:Object,
                required:true,
            } ,
            contentlist:{
                type:Array,
                required:true,
            },
        },
        mounted(){
            console.log("wwwwwww",this.headlist.checkout)
        },
        methods: {

           goineditHouse(){
               this.$emit("houseViewShowedit");
           },
            //查看楼盘信息
            goinseeHouse(row){
                this.$emit("houseViewShow",row.houseId);
            },


            changeFun (val) {
                // 返回的是选中的列的数组集合
                let multipleSelection= val.map(item=>item.id+"")
                let list =   multipleSelection.join(",")
                this.$emit("selectList",list);
                // console.log("???????????",list)
            },
            //编辑项目驻场


        },
        data() {
            return {
                tablelist:this.contentlist,
                multipleSelection:"",
            }
        }
    }
</script>
<style  rel="stylesheet/scss" lang="scss" >
    .UserList-view{
    .el-table--border td, .el-table--border th {
        border-right:none;
    }
        .el-table td, .el-table th.is-leaf {
            border-bottom: 1px solid #E8E8E8
        }
        .el-table tr {
            background-color: #fff;
            height: 53px;
        }
        .el-table__fixed, .el-table__fixed-right {
             box-shadow: none;
        }
        .el-table {
            /*border:none;*/
        }
    }
</style>
<style  rel="stylesheet/scss" lang="scss"  scoped>
.UserList-view{
    font-size:14px;
    font-family:PingFangSC-Regular;
    font-weight:400;
    color:rgba(0,0,0,0.65);
}
</style>